<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SVG</title>
</head>
<body>
<svg width="100%" height="1000">
    <rect x="10" y="20" height="100" width="80" stroke="red" stroke-width="2" fill="transparent"></rect>
    <rect x="120" y="20" height="100" width="80" rx="20" ry="5" stroke="red" fill="transparent" stroke-width="2"></rect>
    <circle cx="80" cy="200" r="68" stroke="red" stroke-width="1" fill="green"></circle>
    <ellipse cx="300" cy="200" rx="100" ry="30" stroke="red" stroke-width="2" fill="green"></ellipse>

    <line x1="100" y1="300" x2="200" y2="280" stroke="red" stroke-width="20"></line>
    <polyline points="10 400, 20 420, 35 370" stroke="green" stroke-width="2" fill="transparent"></polyline>
    <polygon points="10 500, 20 520, 35 470, 50 500" stroke="green" stroke-width="2" fill="transparent"></polygon>

    <path id="path" d="M300 450 H400 V400 L450 350 C550 400, 600 300, 700 350 Q750 400 800 350 A1 2 0 0 1 1000 400" stroke="green" stroke-width="2" fill="transparent"></path>
    <text x="20" y="600" stroke="red" stroke-width="2" fill="green" font-size="60" text-anchor="start">SVG</text>

    <text stroke="red" stroke-width="1" fill="green" font-size="20" text-anchor="start"><textPath xlink:href="#path">这些文字沿着path</textPath></text>
    <polyline points="0 50 50 100 100 20" stroke="green" stroke-width="2" fill="transparent"></polyline>
</svg>
</body>
</html>